<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Multi Class Values</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="css/index-selector.css">
</head>
<body>
    <h1>Plutonium</h1>
    <p>Useful for many applications, plutonium can also be dangerous if improperly handled</p>
    <h2>Safety Information</h2>
    <p class="urgent warning">
        When handling plutonium, care must be taken to avoid the formation of a critical mass.
    </p>
    <p>
        When plutonium, <span class="warning">the possibility of implosion is very real, and must be avoided at all costs.</span>This
        can be accomplished by keeping the various masses separate.
    </p>
    <h3>Comments</h3>
    <p>It's best to avoid using plutonium <strong>at all</strong> if it can be avoided</p>
    <p id="lead-para">This paragraph will be boldfaced.</p>
    <p>This paragraph will NOT be bold.</p>
    <h1 id="most-important">This is important!</h1>
    <em id="most-important">This is important!</em>
    <ul id="most-important">This is important!</ul>
    <p class="criticalinfo"></p>
</body>
</html>